
<!--树洞顶部，展示-->
<div class="text-center row div_bg">
    <h5>能把你的心音藏在[小北树洞]里吗？</h5>
    <img src="images/bg.png" alt="bg_picture" class="img-thumbnail img-responsive top_img">
</div>
<div ng-controller="showWord">
<!--loding-->
    <div id="preloader_1" ng-show="loading" ng-init="loading=true">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>

    <!--树洞展示信息-->
    <ul ng-repeat="info in item" >
        <!--循环遍历li列表-->
        <li  class="bg-info bg_space" ng-show="isShow" ng-init="isShow=true">

            <!--个人信息展示区-->
            <div>
                    <img src="images/icon_head.svg" alt="head_icon" class="img-thumbnail img_li" >
                    <p class="text-primary" ng-bind="'匿名:'+info.nickname" style="font-size: 20px;margin-left: 4%;"></p>
            </div>

            <!--内容区-->
            <div style="margin-left: 13px;">
                <div class="li_content" ng-bind="info.content" style="color: #fff;font-size: 17px;margin-right: 53px;"> </div>
                <p  class="text-primary li_content" ng-bind="info.createtime"></p>
                <img src="images/getwords.svg" class="getword"  alt="评论" ng-click="wordShow($index)">
            </div>

            <!--评论展示区-->

            <div  class="repeat_2">

                <div ng-repeat="comment in info.treecomment track by $index" class="comment_">
                    <p ng-bind="'路人:'+comment" class="text-info" ></p>
                </div>

                <div  ng-show="Senddata[$index].comment" ng-init="Senddata[$index].comment=false" class="commentShowColor-{{CommentShowcolor}}">
                    <p ng-bind="'路人:'+Senddata[$index].sentWord" class="text-info " ></p>
                </div>

            </div>

            <!--评论区-->
            <form name="sentWords"  ng-submit="sent()" ng-show="info.success" style="margin-left: 64px;
    margin-top: 25px;">
                <textarea name="sentWord"
                          ng-model="Senddata[$index].sentWord"
                          id="{{'textarea'+$index}}"
                          rows="1"
                          class="form-control sentWord"
                          ng-minlength="1"
                          ng-class="{'error':sentWords.sentWord.$invalid && sentWords.sentWord.$touched}"
                          required
                ></textarea>
                <button class="btn btn-success sent_btn"
                        ng-disabled="sentWords.$invalid"
                        ng-click="wordShow_($index)";
                >发表</button>
            </form>

        </li>
    </ul>
</div>